<template>
  <div class="shop-info">
    <div class="shop-title">
      <img :src="shop.shopLogo" alt="" />
      <div class="shop-name">{{ shop.shopName }}</div>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    shop: {
      type: Object,
      default() {
        return {};
      },
    },
  },
};
</script>

<style  scoped>
.shop-title {
  height: 30px;
  line-height: 30px;
  margin-top: 40px;
}
.shop-title img {
  float: left;
  margin-right: 10px;
  width: 30px;
  height: 30px;
  border: 1px solid transparent;
  border-radius: 50%;
}
</style>